BAB 04 


Sa 


Trik Aplikatit 
PHP 4 SIL Server 


41 FIBONANSI BILANGAN 


Anda tahu apa itu bilangan fibonansi? Bilangan ini sering Anda 
temukan di kelas-kelas SD s.d. SMP loh. Bahkan jika Anda sering 
melamar suatu pekerjaan, Anda pasti akan menemukan bilangan 
seperti ini pada form psikotes. 


Penulis jelaskan terlebih dahulu yah. Fibonansi itu merupakan suatu 
fungsi bilangan matematika yang mempunyai urutan penjumlahan 
tertentu berdasarkan bilangan di sebelahnya. Biasanya bilangan ini 
pasti Anda temukan pada soal-soal psikotes atau tes pada saat Anda 
melamar pekerjaan. Berdasarkan pengalaman penulis, sudah lebih 
dari dua kali penulis melamar sebagai Programmer dan selalu menda- 
patkan tes buat program fungsi fibonansi. Nah, untuk tahu urutan 
metode penjumlahannya, dapat Anda lihat ilustrasinya berikut. 


Ol 241 3-3 B8 34.21 


0112358 BH N 4 3 


Gambar 4.1 Metode fibonansi 


Untuk membuat fungsi bilangan seperti itu, berikut skripnya. 
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Skrip fibonansi.php 


« ?php 
function fibonansi (S$n) ( 
Sa - 0j 
Sb — 1, 
for (Si-0:SixSn: Sit) ( 
echo Sa." ", 
Sjumlah — Sa t Sbj 
Sa - Sbj 
Sb - Sjumlah: 


) 
) 
echo fibonansi (10): 
22 


Hasilnya dapat Anda lihat berikut ini. 
& Mozilla Firefox | —ike en 


File Edit View History Bookmarks Tools Help 
(El http://localhost/fibonansi/fibonansi.php | 4# re 


ee! BD A-e) A- co) au: 


0112358132134 


Gambar 4.2 Hasil skrip fibonansi.php 


42 FUNGSI TERBILANG 


Pertanyaan ini paling sering ditanyakan kepada penulis, baik melalui 
email maupun web (http://www.agussaputra.com). Maksud fungsi 
terbilang, yaitu mengubah bilangan angka menjadi bahasa manusia. 
Walah.. opo maning ikih?.. gini bos.. kita balik ke anak SD yah. 


34.000 - Tiga Puluh Empat Ribu 
99.100 — Sembilan Puluh Sembilan Ribu Seratus 


Nah, kita akan buat studi kasus seperti itu. Fungsi ini akan sangat 
dibutuhkan apabila kita mengerjakan sistem yang berhubungan 
dengan hal yang berbau keuangan, contohnya Sistem Penggajian, 
Sistem Pembayaran, dan sebagainya yang mengharuskan adanya 


cetak slip/bukti. Berikut skripnya. 
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Skrip fungsi.php 


Kstrong?Fungsi Terbilang«/strong» 

«br» 

Sform method-"post" action-""»Input Jumlah Uang 
Kinput type-"text" name-"jumlah" /» 

Kinput type-"submit" name-"Submit" value-"Proses" /» 
Sbrs 

«hr align-"left" width-"1008" /» 


Nilai Angka : «?php echo $ POST('jumlah'J: ?5 «br /» 
Hasil Terbilang : «?php echo Terbilang(S POST('jumlah'J): ?» 
«/ form» — 
«?php function Terbilang ($satuan) ( 
Shuruf..— arrayt",  NSatu", YDua"”, "Tiga", Tempat", Lima", 


"Enam", "Tujuh", "Delapan", "Sembilan", "Sepuluh", "Sebelas"): 
if (Ssatuan « 12) 


return "1 Shuruf (Ssatuan|: 
elseif (Ssatuan « 20) 
return Terbilang(Ssatuan - 10) . "Belas": 
elseif (Ssatuan « 100) 
return Terbilang ($Ssatuan YA 10) $ " Puluh" 


2 


Terbilang (Ssatuan $ 10): 
elseif (Ssatuan « 200) 


return " seratus" . Terbilang(Ssatuan - 100): 
elseif (Ssatuan « 1000) 
return Terbilang ($satuan / 100) 2 Ui Ratus" 


Ka 


Terbilang (Ssatuan $ 100): 
elseif (Ssatuan « 2000) 


return " seribu" . Terbilang(Ssatuan - 1000): 
elseif (Ssatuan « 1000000) 
return Terbilang (Ssatuan / 1000) 8 " Ribu" 


Terbilang (Ssatuan $ 1000): 

elseif (Ssatuan « 1000000000) 
return  Terbilang(Ssatuan / 1000000) : 1 Juta" 
Terbilang (Ssatuan $ 1000000): 

elseif (Ssatuan »- 1000000000) 

echo "Hasil terbilang tidak dapat di proses karena nilai 

uang terlalu besar!" 
3 


Coba jalankan melalui web browser dan lihat hasilnya berikut. 


(@ Mozilla Firefox kala 
File Edit View History Bookmarks Tools Help 

http://localhost/fungsi.php ak x 
ke) | E3 http://localhost/fungsi.php sja| IS- coogle 2 t (3 3 
| Fungsi Terbilang 


Input Jumlah Uang 45123 (Proses, 


Nilai Angka : 45123 
Hasil Terbilang : Empat Puluh Lima Ribu seratus Dua Puluh Tiga 


Gambar 4.3 Hasil skrip fungsi.php 


59 


43 FUNGSI TERBILANG DENGAN SUARA 
SECARA DINAMIS 


Anda pasti mendengar istilah tersebut, “Fungsi Terbilang meng- 
gunakan Suara”. Jadi di sini, angka bukan hanya ditampilkan saja, 
namun terlebih jauh, angka-angka dibacakan oleh suatu suara. 
Anggap saja tak jauh, Anda coba hubungi layanan operator 
handphone Anda untuk mengecek saldo. Misalnya: 


388, untuk IM3 

555, untuk Mentari 

888, untuk Telkomsel 

111, untuk 3 

123, untuk XL 

dan lain-lain. 

Pasti akan terjawab, mesin otomatis seperti berikut: 


“Selamat Datang di layanan pelanggan (operator), untuk mengetahui 
informasi saldo tekan 1, untuk mengisi pulsa tekan 2, untuk 
informasi layanan tekan 3, dan untuk berbicara dengan operator 
kami tekan 4.” 


Ketika Anda menekan tombol untuk informasi saldo (1), maka 
jumlah saldo Anda akan dibacakan secara otomatis, misalnya: 


Saldo Anda saat ini adalah sembilan ratus sembilan puluh sembilan 
ribut rupiah. Nah itu bukanlah operator yang berbicara, namun suatu 
sistem yang telah didesain sedemikian rupa. kita akan mencoba 
untuk membuatkan sistem seperti itu. Namun, karena terlalu panjang 
(karena mengandung rekaman suara), penulis sertakan saja full 
source code-nya, dapat Anda temukan pada Bonus CD buku ini. 
Sebagai preview-nya saja, dapat Anda lihat tampilannya pada 
Gambar 4.4. 
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“Firefox y | efox Y 2 anal 


Ia http://localhost/TerbilangSuara/ | # | € 
| € localhost/ TerbilangSuara GI |29- GP t Lg 
| 76500 | 


terbilang suara 


Gambar 4.4 Masukkan sejumlah angka 


P ” gn me Paman CE 
| dl http/Mocathost/Te...php?bilangan-76500 | 4 | g 
& 2 | localhost/TerbilangSuara/terbilang.php?bilangan-76500 G| “9- Google PRE MN «3 


tujuh puluh enam ribu lima ratus rupiah 
aan mn 


enam 


enam 


Gambar 4.5 Fungsi terbilang dengan suara 


4.4 BELAJAR REKAP DATA YUKK 


Jika Anda ingin belajar mengenai rekap data, maka satu yang harus 
Anda pahami, yaitu perintah membuat group data. Bukankah penulis 
membahas mengenai guery group? Ini dia studi kasusnya. 


Kita akan ambil studi kasus pada database dan tabel yang telah kita 
buat. Buat file php dengan nama rekap.php yang isinya sebagai 
berikut: 


«h2» Rekap Datax/h2» 


« ?php 
// panggil file koneksi 
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include "koneksi.php": 


// Buat header tabel 
echo "xtable border-1» 
str 
Kth»Nama Penerbit«/th» 
Kth»Jumlah«/th» 
K/tr3", 


// Ambil rekap penerbit 
$Ssgl - mssgl guery("SELECT penerbit, COUNT(id buku) AS jumlah FROM 
tbuku GROUP BY penerbit"): 


// tampilkan ke halaman web 
while (Sdata - mssgl fetch array (Ssgl))i 
echo "«str» 
Ktd»S$data (penerbit|«/tds 
Ktd»S$data |(jumlahJ«/tdb 
KL ErEta 
) 


// penutup tabel 
echo "«/table?", 
225 


Buka melalui web browser Anda dengan mengetikkan url 
http://localhost/buku/rekap.php, hasilnya seperti berikut. 


Wana Ha . 


(El http://Iocalhost/buku/rekap.php | 5 | 
£— leg) localhost/buku/reka Cc “9- Goo P || 4 ||: 


Rekap Data 


Nama Penerbit Jumlah 
Lokomedia 2 
| (PT. Flex Media Komputindo)/5 h 


k 


Gambar 4.6 Rekap data 


45 IMPORT FILE EXCEL 


Import File Excel, merupakan salah satu trik andalan web, jangan 
ngaku Anda seorang programmer/developer jika Anda tidak tahu 
bagaimana cara membuat trik import ini. Sebenarnya, import file 
cenderung lebih mengarah kepada pengguna web terbatas, atau 
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yang biasa disebut sebagai administrator. Dari deretan pengalaman 
penulis sebagai programmer, hampir setiap aplikasi yang penulis 
buat, selalu ada teknik untuk import, seperti misalnya: 


1. Sistem Akademik Online 

Sistem Telemarketing 

Sistem Tele Collection 

Sistem Absensi 

Sistem Pendaftaran Sekolah/Sistem untuk Sekolah 


Sistem Kuisioner/Survey 


NO SN? 8 N 


Dan sistem-sistem lainnya. 


Kita akan mempelajari trik sederhana bagaimana cara untuk me- 
nyimpan data buku ke dalam database SOAL Server dengan teknik 
sekali import. 


Langkah Pertama 


Download file excel reader dari situs 
http://www.4shared.comjfile/ 1xmtEZeZ/excel reader2.html (akan 
menghasilkan file zip), kemudian lakukan ekstrak pada file zip 
tersebut dan letakkan pada folder kerja Anda di htdocs. 


Langkah Kedua 


Di sini kita masih tetap menggunakan tabel tbuku sebagai studi 
kasus databasenya. So, kita lanjut saja membuat form upload-nya 
terlebih dahulu. Buat file dengan nama form.php (simpan dalam 
folder htdocs), isinya sebagai berikut: 


«hl5»Import Data Bukux/h1» 


«form method-"post" enctype-"multipart/form-data" 
action-"proses.php"» 

Unggah File Fxcel: Xinput name-"userfile" type-"file"» 

KSinput name-"upload" type-"submit" value-"Import"» 

«/ form 
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Langkah Ketiga 


Buat file pemroses untuk aksi upload tersebut, simpan dengan nama 
proses.php yang isinya sebagai berikut: 


«?php 
// panggil file excel reader 
include "excel reader2.php": 


// panggil file koneksi 


include "../koneksi.php": 

// membaca file excel yang diupload 

Sdata - new 
Spreadsheet Excel Reader ($ FILES('userfile'J|'tmp name')): 


// membaca jumlah baris (excel) 
Sbaris - $data-srowcount ($sheet index-0): 


// nilai awal counter untuk jumlah data yang sukses dan yang gagal 
diimport 

Ssukses - 0: 

Sgagal - 0: 


// import data excel mulai baris ke-2 (karena baris pertama adalah 
nama kolom) 
for (Si-2: Six-Sbaris: Sit4) ( 

// membaca data judul buku (kolom ke-1) 

Sjudul buku - $data-»val (Si, 1): 

// membaca data penerbit (kolom ke-2) 


Spenerbit - Sdata-»val (Si, 2): 
// membaca data penulis (kolom ke-3) 
Spenulis - Sdata-»val (Si, 3): 


// membaca data tahun terbit (kolom ke-4) 
Stahun terbit - Sdata-»val (Si, 4): 


// setelah data dibaca, simpan ke dalam tabel buku 


Shasil - mssgl guery ("INSERT INTO tbuku (judul buku, 
penerbit, penulis, tahun terbit) 
VALUES ('Sjudul buku', 'Spenerbit', 'Spenulis', 


'Stahun terbit')"): 


// jika proses insert data sukses, maka counter $sukses 
bertambah 
// jika gagal, maka counter Sgagal yang bertambah 


if (Shasil) 
Ssuksest#j 
else 
Sgagal--: 


) 


// tampilkan status sukses dan gagal 

echo "x«h3»Proses import data selesai.«/h3»": 

echo "kp»Jumlah data yang sukses diimport : ".Ssukses."«cbrb": 
echo "Jumlah data yang gagal diimport : ".Sgagal."«/p?", 
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ara 


Langkah Keempat 


Buat data dalam format excel (.xIs) untuk kita upload pada skrip 
yang telah kita buat. Formatnya dapat Anda lihat seperti berikut. 


(a 1d 9 - @-) data buku - Microsoft Excel ke rta 
va Home | Insert Page Layout Formulas Data Review View @-0x 
- & | calibri FIS |. | ceneral AE &7- 
Re “3 us 2 na x| an Si 2- batal | Styles | Cells &- #A- 
T SAJA Ela) asi 2 Ike 
Clipboard Font Le) Alignment Ll Number Editing 
E31 "G@G k 
A | B c Do MEN 
1 Judul Buku Penerbit Penulis Tahun Terbit 
2 (Bukul Penerbit 1 Penulis1 2012 
3 Buku2 Penerbit 2 Penulis 2 2012 
4 (Buku3 Penerbit 3 Penulis 3 2012 
| 5 |Buku4 Penerbit 4 Penulis 4 2012 | 
6 |BukuS Penerbit 5 Penulis 5 2012 
7 (Buku 6 Penerbit 6 Penulis 6 2012 
8 |(Buku7 Penerbit 7 Penulis 7 2012 
9 (Buku8 Penerbit 3 Penulis 8 2012 
10 Buku9 Penerbit 9 Penulis 9 2012 
11 Buku10 Penerbit 10 Penulis 10 2012 
12 
13 | 
—'- 
Mar | Sheeti , 


Gambar 4.7 Format data excel 


Untuk mengujinya, silakan buka melalui web browser Anda. Browse 
file excel yang telah dibuat, lalu klik tombol Import. 


ol. 


| El https//tocathost/bu..cel.import/form.php | an u 
€)2 (BI tocahost/buku/excel.import/tormphp C7 “ @|S- Goo 2 || ||: 
Sa 


Import Data Buku 
|| Unggah File Excel: C-wamppihtdoesibukule | Browse: | | 


Gambar 4.8 Import data excel 
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Setelah klik tombol Import maka akan menampilkan status upload. 


Firefox ”” 


| El http:/Mocalhost/bu....import/proses.php | 4 | 


2 | localhost/buku/excel import/proses.php 
D3 


Proses import data selesai. 


Jumlah data yang sukses diimport : 10 
| Jumlah data yang gagal diimport : 0 h 


R 


Gambar 4.9 Hasil import excel 


Untuk membuktikan data dalam file excel tersimpan dalam database 
atau tidak, dapat Anda lihat sendiri pada database Anda. Tapi, kalo 
penulis sih udah masuk kok, kalo ga percaya lihat tuh pada 
Gambar 4.10. 


/ Table - dbo.tbuku (Summary 


id buku judul buku penerbit penulis tahun terbit 
b || 1 Teknik Cepat Me... Lokomedia Agus Saputra 2011 

2 Step by Step Me... PT, Elex Media K... Agus Saputra 2011 

3 Pemrograman C... PT. Elex Media K... Agus Saputra &... 2011 

4 Trik dan Solusi Ji... PT. Elex Media K... Agus Saputra 2011 

5 Panduan Praktis ... PT. Elex Media K... Agus Saputra 2011 

6 Trik Kolaborasi C... 'Lokomedia Agus Saputra 2011 

7 62 Trik dan Plugi... PT. Elex Media K... Agus Saputra, F... 2012 


Penerbit 1 Penulis 1 
Penerbit 2 Penulis 2 
Penerbit 3 Penulis 3 
Penerbit 4 Penulis 4 
Penerbit 5 Penulis 5 
Penerbit 6 Penulis & 
Penerbit 7 Penulis 7 
Penerbit 8 Penulis 8 


Penerbit 9 Penulis 9 
Penerbit 10 Penulis 10 
x MAL MAL 


Gambar 4.10 Data berhasil diimport ke dalam database 
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4.6 IMPORT FILE EXCEL 
SECARA BERSYARAT 


Maksud import file excel bersyarat adalah bahwa penyimpanan dari 
data excel akan difilterisasi terlebih dahulu. Di sini kita akan mencoba 
untuk membuatkan filterisasi untuk judul buku saja dah, biar 
gampang.. filterisasi dalam kategori apa? Kita akan filterisasi judul 
buku dengan kategori: 


1. Jika ada judul buku yang kosong (tidak ada judul buku), maka 
akan disimpan ke dalam tabel buku gagal (tgagal) dengan 
keterangan “Tidak ada judul buku”. 


2. Jika pada file excel terdapat duplikat data (data ganda) atau 
judul buku yang sama, kita akan filterisasi agar hanya salah satu 
data saja yang tersimpan dalam tabel buku, sisanya akan 
tersimpan dalam tabel buku gagal (tgagal), dengan keterangan 
“Duplikat Data”. 


Untuk memulai pada trik kali ini, sebelumnya kita buat terlebih 
dahulu tabel baru dengan nama tgagal yang spesifikasi field-nya 
dapat Anda lihat pada Gambar 4.11. 


Table - dbo.tgagal | Summary 


Column Name Data Type Allow Nulls 
keterangan varchar(50) v| 
judul buku varchar(150) v| 
penerbit varchar(50) PJ 
penulis varchar(50) v| 
tahun terbit varchar(4) v| 


Gambar 4.11 Spesifikasi field tabel tgagal 


Setelah Anda membuat tabel, kemudian siapkan kembali file data 
excel yang pernah Anda siapkan pada bab sebelumnya, namun 
dengan sedikit perbedaan, seperti: 


1. Kosongkan salah satu judul buku. 
2. Buat duplikasi data pada judul buku 
Contohnya dapat Anda lihat pada Gambar 4.12. 
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Id g- 3 data buku (Compatibility Model - Microsoft Excel ME 
Home Insert Page Layout Formulas Data Review View @ - 

Lo alibri Tn “Sa Ep General Balas - 

Ea - ya T USIA x| W Bd a- Peru | Styles | Cells 2 da 
SA sela laa Pe la- 
Clipboard Font Ta Alignment Ta Number Editing 
“ (& fe 
0.8 Cc D E F 

1 Penerbit Penulis Tahun Terbit 
2 Penerbit Penulis1 2012 
3 Penerbit 2 Penulis 2 2012 
4 Penerbit 3 Penulis 3 2012 
5 Penerbit 4 Penulis 4 2012 
6 Penerbit 5 Penulis 5 2012 
7 Penerbit 6 Penulis 6 2012 
8 Penerbit 7 Penulis 7 2012 
9 Penerbit 8 Penulis 8 2012 
10 Penerbit 9 Penulis 9 2012 
11 Penerbit 10 Penulis 10 2012 
12 
13 
14 


"M4 | Macroi | Sheeti 


Gambar 4.12 Format data excel 


Ubah file proses.php yang pernah dibuat sebelumnya menjadi skrip 


berikut: 


« ?php 
// menggunakan class phpExcelReader 
include "excel reader2.php": 


// koneksi ke SOL Server 
include "../koneksi.php": 


// membaca file excel yang diupload 
Sdata — 
Spreadsheet Excel Reader ($ FILES('userfile'J|'tmp name')): 


// membaca jumlah baris dari data excel 
Sbaris - Sdata-?»rowcount ($sheet index-0): 


// import data excel mulai baris ke-2 
// (karena baris pertama adalah nama kolom) 
for (Si-2: Si — Sbaris: Si#4)( 
// membaca data judul buku (kolom ke-1) 
Sjudul buku - $data-»val (Si, 1), 
// membaca data penerbit (kolom ke-2) 
Spenerbit - Sdata-»val (Si, 2): 
// membaca data penulis (kolom ke-3) 
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new 


Spenulis - Sdata-»val (Si, 3): 
// membaca data tahun terbit (kolom ke-4) 
Stahun terbit - Sdata-»val (Si, 4): 


// Cek apakah ada data yang sama di database 
Scari - mssgl num rows (mssgl guery("SELECT judul buku FROM 
tbuku WHERE judul buku - 'Sjudul buku'")): 


// jika datanya sudah ada dalam database, maka simpan ke 
dalam tabel gagal (Duplikat Data) 
if (Scari » O)t 


mssgl guery ("INSERT INTO tgagal (keterangan, 
judul buku, penerbit, penulis, tahun terbit) 
VALUES ("Duplikat Data', 
'Sjudul buku', 'Spenerbit', 'Spenulis', 'Stahun terbit')"): 


) 


// Jika judul buku pada data excel kosong, maka simpan ke 
dalam tabel gagal (Tidak ada judul buku) 
elseif (empty(Sjudul buku) ) ( 


mssgl guery ("INSERT INTO tgagal (keterangan, 
judul buku, penerbit, penulis, tahun terbit) 
VALUES ('Tidak ada judul buku', 
'Sjudul buku', 'Spenerbit', 'Spenulis', 'Stahun terbit')"): 


) 


// Jika semuanya lolos, maka simpan ke dalam tabel buku 


elsef 
mssgl guery ("INSERT INTO tbuku (judul buku, 
penerbit, penulis, tahun terbit) 
VALUES ('Sjudul buku', 'Spenerbit', 
'Spenulis', 'Stahun terbit')"), 


) 
) 


// tampilkan pesan ke halaman browser 
echo "xh3»Proses import data selesai.«/h3»"j 
22 


Refresh pada web browser, kemudian lakukan import terhadap file 
excel yang telah di-update, kemudian klik tombol Import. Setelah klik 
tombol Import maka akan tampil pesan bahwa Proses Import data 
telah selesai. Kemudian lihatlah pada database, antara tabel buku 
(tbuku) dan tabel gagal (tgagal), maka hasilnya data akan terbagi 
sesuai dengan yang telah kita tentukan. Lihat hasilnya pada 
Gambar 4.13. 
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| id buku L judul buku penerbit penulis tahun terbit 


b 1 Teknik Cepat Me... Lokomedia Agus Saputra 2011 
| 2 Stepby Step Me... PT. Elex Media K... Agus Saputra 2011 

13 Pemrograman C... PT, Elex Media K... Agus Saputra &.... 2011 

| 4 Trik dan Solusi Ji... PT. Elex Media K... Agus Saputra 2011 

5 Panduan Praktis ... PT. Elex Media K... Agus Saputra 2011 

6 Trik Kolaborasi C... Lokomedia Agus Saputra 2011 


17 62 Trik dan Plugi... PT. Elex Media K... Agus Saputra, F... 2012 


Penerbit 1 Penulis 1 
Penerbit 2 Penulis 2 
Penerbit 4 Penulis 4 
Penerbit 5 Penulis 5 


Penerbit 6 Penulis 6 


Penerbit 8 Penulis 8 


Penerbit 9 Penulis 9 


Gambar 4.13 Data yang berhasil disimpan (tbuku) 


Table - dbo.tgagal | Table - dbotbuku) Summary) 


| | keterangan judul buku penerbit penulis tahun terbit 
| (Hidak ada judul ... Penerbit 3 Penulis 3 | 2 12 
| Duplikat Data Buku & Penerbit 7 Penulis 7 2012 
| buplikat Data Buku 9 Penerbit 10 Penulis 10 2012 
pe na MAL MAL MAL MAL k 


Gambar 4.14 Data yang gagal disimpan (tgagal) 


4.7 ALERT BOX MENGGUNAKAN 
JAVASCRIPT 


Kita bisa menampilkan pesan atau peringatan kepada pengguna 
dalam bentuk alert box (tidak sekadar menggunakan pesan teks 
semata), yaitu menggunakan teknik javascript. Simpel kok, cukup 1 
s.d. 2 baris saja. Berikut contoh penggunaannya. 


« ?php 

echo "Kscript  language-'javascript'balert('Alert Box berhasil 
ditampilkan') :«X/script?"j 

2x 
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Hasil skrip di atas akan menghasilkan alert box seperti berikut. 


3 http://localhost/buku/box.php 3g 
«2 asal 


(5 localhost/buku/box.php & Xx 


t--3 


Alert Box berhasil ditampilkan 


2 


Transferring data from localhost... 


Gambar 4.15 Alert box 


Kita bisa menambahkan suatu fungsi pada alert tersebut, misalnya 
begitu alert box ditampilkan, dan setelah kita klik tombol OK, maka 
halaman akan diarahkan ke suatu halaman atau url, dengan cara 
menambahkan skrip yang tercetak tebal berikut: 


«?php 
echo  "xscript  language-'javascript'salert('Alert Box berhasil 
ditampilkan"): 
window.location — '../../home.php'«/script?": 
225 


Nah, pertanyaannya, ketika kita menginputkan suatu form dan 
kenyataannya kita melewatkan salah satu kolom sehingga tampil 
alert box, nah bagaimana caranya, begitu kita klik tombol OK pada 
alert box tersebut, maka halaman akan dikembalikan ke form semula 
tanpa menghilangkan inputan yang telah kita masukkan. Caranya 
kita bisa menggunakan skrip berikut: 


«?php 
echo " Xscript lang-javascript» 
window.alert('Alert Box berhasil ditampilkan'): 
history.back (): 
«/script?": 
exit, 
22 


4.8 UPLOAD FILE 


Upload File atau jika dalam bahasa Indonesianya disebut unggah 
data dalam dunia teknologi informasi merupakan suatu proses 
pemindahan data dari komputer satu ke komputer lainnya. 


File di sini memiliki macam-macam bentuk, bisa berupa musik/lagu, 
video, dokumen, exe, dan file lainnya. 


Dalam pembahasan ini, kita akan mencoba untuk membuatkan file 
upload guna proses unggah tersebut. Di sini penulis memakai dua 
cara, yaitu menggunakan move uploaded files dan copy. So.. 
pilihlah yang menurut Anda anggap mudah. 


Menggunakan move uploaded files 


Sebagai langkah awal, kita akan mencoba untuk membuatkan form 
upload terlebih dahulu, yang digunakan sebagai tampilan awal 
proses unggah data. 


Simpan form upload tersebut dengan nama form.php. Adapun 
skripnya sebagai berikut: 


«h4» Unggah Data : «/h4» 


«form method-"post" enctype-"multipart/form-data" 
action-"tupload.php"» 

KStable» 

Strs 


Ktds File «/tdb 
tt 1 tas 
Std» «Xinput type-"file" name-"F1"» «/tdb 
«/tr3 
str 
«td» Xinput type-"submit" value-"Upload"» «/tdr 
«/tr3 
«/ table» 
K/ form 


Dalam setiap penginputan yang melibatkan upload File, maka pada 
tag «form-nya diberikan perintah enctype-"multipart/form-data", 
yang mengindikasikan bahwa form tersebut telah siap digunakan 
sebagai upload data. Jika kita tidak memberikan perintah tersebut, 
maka proses upload pun tidak akan dapat dijalankan. 


Tahap selanjutnya adalah membuat file proses untuk mengunggah 
file sesuai dengan form action pada skrip form.php. Simpan file 


72 


proses tersebut dengan nama tproses.php, kemudian ketikkan skrip 
berikut: 


«?php 

// Ubah parameter menjadi variabel 
SF1 — $S FILES('F1'JI 'tmp name'1: 
SF1 name - $ FILES('F1'J ('name'J: 
SF1 type — $ FILESI'F1'J | 'type'J: 
SF1 size — $ FILESI'F1'J('size'J: 
// Upload 


$move — move uploaded file (SF1, 'file/'.SF1 name): 
if (Smove) ( 
// Tampilkan file yang telah di upload 
echo " Xh4»xb» Berhasil diupload «/b» «/h4»"j 
echo " Name : «b» SF1 name «/b»xbr»"j 
echo " Type : Xb» SF1 type «/b»xbrs", 
echo " Size : Kb» SF1 size «/b»xbr»xbr»"j 
echo "ximg src-'file/SF1 name'»", 


// Jika upload gagal 


echo "Gagal di Upload": 


S FILESI'F1'J('tmp name'), merupakan nama file temporer dari file 
yang sedang di-upload yang disimpan dalam temporari folder server. 


S FILESI'F1'|( 'name'J, berisi nama file yang sedang di-upload. 


S FILESI'F1'1( 'type'J, berisi type file yang sedang di-upload, jika 
browser memberikan informasi ini. Contoh: image/gif, image/png, 
dan lain-lain. 


S FILESI'F1'|('size'J, berisi ukuran/size file yang di-upload dalam 
satuan byte. 


NB: 


Karena kita akan memindahkannya pada folder “file”, maka kita buat 
folder baru bernama file di dalam folder upload. 


Jika sudah, buka web browser Anda dengan mengetikkan 
http://localhost/upload/form.php. Selanjutnya silakan Anda men- 
coba untuk upload, misalnya di sini penulis meng-upload sebuah 
gambar. Lihat Gambar 4.16. 
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| (3 http://localhost/buku/upload/form.php | t : 
& 2» | 1239| localhost/buku/upload/form.php “g- Go P| 4 
“4— — 


Unggah Data : 


File : EADocumentiCard Nam 


Gambar 4.16 Upload file 


Setelah Anda klik tombol Upload, data akan dipindahkan ke dalam 
folder file yang telah Anda buat, dan akan ditampilkan spesifikasinya, 
seperti nama file, type file, ukuran file, serta gambar. 


Pmrerors | (Tx) 
| B http://localhost/bu../upload/tupload.php) 4 | Se. 
“9- Google P | t | Lag 


Ika » Ia localhost/buku/upload/tupload.php 


Berhasil diupload 
Name : Asfa Solution.jpg 


Type : image/jpeg 
Size : 56278 


olutiOhn. 


olution For Your Business 


Gambar 4.17 File tersimpan dalam folder file 
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Menggunakan Copy 


Upload file menggunakan Copy, sebenarnya sudah penulis bahas 
pada buku Step by Step Membangun Aplikasi SMS dengan PHP dan 
MySAL dan buku Trik dan Solusi Jitu Pemrograman PHP, yang juga 
terbitan PT Elex Media Komputindo. Namun, di sini penulis akan 
mencoba untuk menguraikan kembali. 


Secara konsep, perintah copy ini berguna untuk meng-copy atau 
menyalin sebuah file dari client ke server. 


Jika Anda ingin menggunakan fungsi ini, Anda dapat mengubah 
susunan skrip yang telah kita buat pada file tupload.php menjadi 
seperti berikut: 


«?php 

SF1 -— $ FILES('F1'J('tmp name'J: 
SF1 name - $ FILES('F1'J('name'J: 
SF1 type — $ FILESI'F1'J | 'type'J: 
SF1 size - $ FILESI'F1'J('size'J: 


// Copy file 
if (lempty(SF1 type)) ( 
switch (SF1 type) ( 
case "image/jpeg" : 
copy (SF1,"file/SF1 name"): 


break: 
case "image/pjpeg" : 
copy (SFl,"file/$F1 name"): 


echo " «h4»xb» Berhasil disimpan «/b» «/h4»", 
echo " Name : «b» SF1 name «/b»xbr»"j 

echo " Type : «b» SF1 type «/b»xbrs"j 

echo " Size : Kb» SFI size «/b»xbr»cbr", 
echo "ximg src-'file/$F1 name'»"j 
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Penulisan skrip tersebut, akan memiliki hasil yang sama seperti 
upload file menggunakan move uploaded files seperti Gambar 4.17. 


4.9 YM ONLINE 


Status YM pada web sering kali kita jumpai hampir pada setiap 
sektor usaha dalam bidang web. Dengan adanya fungsi YM secara 
online, pengunjung dapat bertanya-tanya secara langsung terhadap 
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pemilik ataupun support usaha. Tentunya untuk menambah poin 
citra pelayanan Anda. Untuk itu, pembahasan kali ini akan sekaligus 
menjadi trik pada Bab 4 ini, yaitu bagaimana cara membuat status 
Online atau Offline secara otomatis. 


1. Syahoo id - 'asfa.agus', 


sebagai syarat untuk menggunakan fasilitas online dan offline YM, 
Anda diwajibkan mempunyai akun yahoo. Misalnya akun email 
yahoo Anda adalah asfa@yahoo.co.id, maka YM Anda adalah 'asfa'.. 
cukup simpel. 


2. Sstatus - intval(file get contents ('http://opi.yahoo.com/ 
online?u-' .$yahoo id.' sm-tst-1')): 


skrip tersebut difungsikan untuk merekam/menangkap status yang 
dihasilkan dari url yang terkandung di dalamnya. Hasil yang 
ditangkap akan berbeda setiap kali Anda sedang online atau tidak. 
Perbedaannya, coba saja Anda taruh url 
"http://opi.yahoo.com/online?u-' .Syahoo id.'smstst-1l". Jika Anda 
sedang offline, hasil yang ditangkap adalah 00. Namun, jika Anda 
sedang online, maka hasil yang tertangkap adalah 01. 


3. if ($status) ( 
echo "Ka href-' ymsgr:sendIM?asfa.agus'» «img src-'http:// 
www.agussaputra.com/app/webroot/img/online.gif ' 
width-'100'» «/a»"j 
) 


Artinya, jika sstatus bersifat online, maka tampilkan ikon YM online. 


4. else 1 
echo "Ka href-' ymsgr:sendIM?asfa.agus '» Ximg 
src-'http://www.agussaputra.com/app/webroot/img/offline.gif 
' width-'100'» «/a?"j 
) 


Artinya, jika Sstatus tidak bersifat online, maka tampilkan YM offline. 


Jadi, jika seluruh skrip di atas digabungkan, maka akan didapati 
kumpulan skrip berikut. 
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« ?php 
Syahoo id - 'asfa.agus': 


Sstatus - intval (file get contents ('http://opi.yahoo.com 
/online?u-' .$yahoo id.'smstst-1')): 
if (Sstatus) ( 

echo "Ka href-' ymsgr: sendIM?asfa.agus' »x«img 


src-'http://www.agussaputra.com/app/webroot/img/online.gif' 
width-'100'»x/a?"j 

, 

else. i 


echo "Ka href-' ymsgr: sendIM?asfa.agus '» Ximg 
src-'http://www.agussaputra.com/app/webroot/img/offline.gif ' 
width-'100'» «/a»": 


) 
25 


Untuk mencobanya bisa Anda langsung tes, tentunya Anda harus 
menjalankannya langsung menggunakan server hosting atau ter- 
hubung dengan koneksi internet. 


410 MENAMPILKAN DATA MULTIKOLOM 
HORIZONTAL 


Biasanya kita menampilkan data secara vertikal (dari atas ke 
bawah), namun jarang orang terpikirkan untuk menampilkan data 
secara horizontal.. wait.. wait.. tolong jelaskan memang apa 
manfaatnya? 


Sebelum penulis menjelaskan manfaat dan kelebihan, bisa Anda lihat 
dulu gambaran data vertikal dan horizontal berikut ini. 


Vertical Horisontal 

Data 1 Data 1 Data 2 Data 3 
Data 2 Data 4 Data 5 Data 6 
Data 3 Data 7 Data 8 Data 9 
Data 4 Data 10 Data 11 Data 12 
Data 5 Data 13 Data 14 Data 15 
Data 6 

Data 7 

Data 8 


Gambar 4.18 Ilustrasi perbedaan vertikal dan horizontal 


Kelebihan dan manfaat penampilan data bersifat horizontal sangat 
dirasakan apabila data itu merupakan data yang sedikit kalimat atau 
penampilannya, sehingga dapat memberikan ruang untuk konten 
lain serta memperpadat dan memperindah tampilan website. Contoh 
yang paling mencolok adalah konten untuk menampilkan galeri foto. 
Aneh kan jika menampilkan foto dengan cara vertikal?... 


Di sini penulis akan memberikan contoh untuk menampilkan judul 
buku dengan cara horizontal. Kita akan menggunakan database dan 
tabel yang pernah dibuat saja, yaitu tabel tbuku. 


Buatlah file php dengan nama horisontal.php dan simpan dalam 
document root server Anda, kemudian isikan dengan skrip berikut: 


«h2»Data Buku«/h2» 

«?php 

mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


$Skolom - 2: // Jumlah kolom 
$Ssgl - mssgl guery("SELECT « FROM tbuku"): 


echo "«table border-1l»xtrb", 
Si — 0, 
while (Sdata - mssgl fetch array(Ssagl))( 
if (Si »- Skolom)( 
echo "«/trestr3"j 
Si — 0, 
) 
Ba 
echo "«td»Sdatal|judul buku|«/td»": 
) 


echo "«/tr«/table?": 
22 


Buka pada web browser Anda dengan mengetikkan url 
http://localhost/buku/horisontal/horisontal.php, maka hasilnya akan 
tampil data yang terbagi atas 2 kolom seperti Gambar 4.19. Jika 
Anda menginginkan data 3 kolom, Anda cukup mengubah pada 
skrip yang semula skolom - 2 menjadi Skolom - 3. 
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| “retox ” |) ra 


| http://localhost/buk...ntal/horisontal.php ll 3, 
&- le) localhost/buku/horisontal/horisontal.php C “3- Google PS || 4 |: | 
Data Buku 
Teknik Cepat Membangun Aplikasi Web dengan Step by Step Membangun Aplikasi SMS dengan 
Framework CakePHP PHP dan MySOL 
Pemrograman CSS untuk Pemula Trik dan Solusi Jitu Pemograman PHP 
Panduan Praktis Menguasai Database Server MySOL |Trik Kolaborasi Codeigniter & jOuery 
62 Trik dan Plugin Terbaik jOuery Buku 1 
Buku 2 Buku 4 
Buku 5 Buku 6 
Buku 8 Buku 9 


— 


Gambar 4.19 Menampilkan data multi kolom 


411 MENAMPILKAN SELURUH DATA 
SECARA SCROLL MENGGUNAKAN PHP 
DAN CS$ 


Terkadang ketika suatu data yang ingin ditampilkan sangat banyak 
jumlahnya, kita tidak bisa hanya mengandalkan teknik menampilkan 
data dengan teknik biasa. Karena apa?.. jelek tuh tampilannya.. 
mendingan kita buat agar data yang ditampilkan itu disimpan dalam 
suatu kolom mirip textarea yang bisa di-scroll. Ini merupakan salah 
satu pengalaman penulis jika menghadapi sistem dengan data yang 
luar biasa banyak, seperti salah satunya “Sistem Telemarketing”. 


Buat file dengan nama scroll.php dan simpan ke dalam document 
root server Anda. Adapun skripnya sebagai berikut: 


«!-- Skrip CSS --—5 

KSstyle 

div.data ( 
width: 608j 
height: 250px, 
overflow: auto: 
border-top-style: groove: 
border-bottom-style: groove: 
border-right-style: groove: 
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border-left-style: groove: 
border-color: lightblue: 


th( 
height: 30pxj 
font-family: Arial: 
font-size: 12pxj 
background: #ccc: 
) 
«/style» 
«div class-"data"» 
KStable» 
Strs 
Kth»No«/th» 
Kth»Judul Bukux«/th» 
«th»Penerbit«/th» 
Kth»Penulis«/th» 
«th»Tahun Terbitx/th» 
«/tr3 
«?php 


// skrip koneksi ke database SOL Server 
mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


Si — 1, 
// ambil seluruh data dari tabel buku 
$Ssgl - mssgl guery("SELECT « FROM tbuku"): 
// tampilkan ke halaman web 
while (Sdata - mssgl fetch array (Ssgl))( 

// Bilangan ganjil pada baris tabel, maka 

ubah warnanya menjadi #0099ff 
if (Si 8 2 — 1)f 
Scolor - "#0099ff", 


) 
// jika genap, ubah warna menjadi putih 
(#££ffff) 
else 
Scolor — "#ffffff", 
) 
echo "xtr bgcolor-$color valign-top» 
KtarSix/tdb 
Ktd»Sdata| judul bukuJX/td» 
Ktd»S$data (penerbit|«/tds 
Ktd»S$data (penulis|«/tds 
Ktd»Sdata|(tahun terbit|«/td» 
KKP 
Site 
) 
225 
«/ table» 
«/div» 


Hasil pembuatan skrip di atas, akan menampilkan data dalam bentuk 
kolom yang dapat di-scroll seperti Gambar 4.20. 
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£« 2 'a localhost/ buku/scroll/scroll.php £ | Lag Google p| t Dn: 
nam 


1 2 Step by Step Membangun Aplikasi SMS PT. Elex Media Agus Saputra 2011 
(| dengan PHP dan MySOL Komputindo 
4 Trik dan Solusi Jitu Pemograman PHP PT. Elex Media Agus Saputra 2011 


Komputindo 


Gambar 4.20 Menampilkan data dalam bentuk scroll 


41) MENDETEKSI IP 


Setiap komputer pasti memiliki identitas pengenal yang disebut IP 
(Internet Protocol). Hal ini bisa digunakan sebagai identitas dari 
pengunjung dan juga bisa digunakan untuk menghitung jumlah 
statistika pengunjung. Atau bisa juga dari sisi keamanan karena 
setiap kali akses, IP dari komputer pengunjung dapat kita rekam atau 
tangkap, sehingga sewaktu-waktu terjadi pelanggaran, kita dapat 
melacak sumber keberadaan. 


Untuk membuatnya cukup mudah, cukup dengan 1 s.d. 2 baris saja, 
yaitu menggunakan skrip berikut: 


« ?php 

Sip - $ SERVERI "REMOTE ADDR' It: 
echo "Sip": 

?25 


Yah.. cukup menggunakan perintah REMOTE ADDR .. hasilnya bisa 
Anda lihat pada Gambar 4.21. 


"Firefox y ha 


BR http://localhost/buku/ip.php | 4| 2 
£ 12) localhost buku/ip.php &, “- 5 LD | 4 a- 
127.001 


R 


Gambar 4.21 Menampilkan ip pengunjung 


413 MENCETAK DATA VIA BROWSER 


Pernah tidak Anda berpikir, bisa ga sih web langsung cetak dari 
browser?.. jadi dalam artian kita ga usah harus export terlebih dahulu 
datanya menjadi file pdf ataupun excel atau file siap print lainnya... 
Ternyata jawabnya.. BISA!.. Kita siapkan tombol “Cetak”, bilamana 
tombol tersebut kita klik, maka akan tampil jendela printing, dan 
konten siap untuk dicetak. Dan asyiknya .. hasil cetaknya sangat 
sesuai dan rapi dengan ukuran kertasnya. Mau tahu»... Ikuti langkah 
berikut. 


Buat file dengan nama tampil.php dan simpan ke dalam document 
root server Anda, kemudian isikan dengan skrip berikut: 


Shtml» 
Sheadb 

Kscript type-"text/javascript"» 

function cetak () 

win-window.open ('printing.php', 'win', 'width-300, 

height-400, menubar-0, scrollbars-l, resizable-0, location-0, 
toolbar-0, status-0'): 

) 


«/ script» 
«/head» 
«body» 
Stable border-"1" cellispacing-"O"» 
Sr 
Kth2No«/th» 
Kth»Judul Bukux«/th» 
«th»Penerbit«/th» 
Kth»Penulis«/th» 
Kth»Tahun Terbitx/th» 
«/tr3 
«?php 
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mssgl connect ("AGOES-PC", "sa", "123456"): // koneksi 
mssgl select db("dblatihan"): // database 


// ambil seluruh data dari tabel tbuku 
$Ssgl - mssgl guery("SELECT « FROM tbuku"): 


Sno -— 1: 
while (Sdata-mssgl fetch array ($sgl)) 
echo "«str» 
KtaSno/tab 
Ktd»Sdata| judul bukuJX/td» 
Ktd»S$data (penerbit|«/tds 
Ktd»S$data (penulis|«/tds 
Ktd»S$data(tahun terbit Jx/td» 
try 5: 
Snow: 
) 
?25 
«/ table» 


«br» 
Kinput type-"button" value-"cetak" OnClick-"cetak ()"» 


«/body» 
«/html» 


Langkah selanjutnya, buat file dengan nama printing.php, kemudian 
isikan dengan skrip berikut: 


Shtml» 
Shead» 
Kstyle type-"text/css"» 
body (£ 
width: 600pxj 
) 
«/style» 
«/head» 
Xbody OnLoad-"window.print ()" OnFocus-"window.close ()"» 
KStable border-"1" cellspacing-"O"» 
Strs 
Kth2No«/th» 
Kth»Judul Bukux«/th» 
«th»Penerbit«/th» 
Kth»Penulis«/th» 
«th»Tahun Terbitx/th» 
«/tr3 
« ?php 
mssgl connect ("AGOES-PC", "sa", "123456"): // koneksi 


mssgl select db("dblatihan"): // database 


// ambil seluruh data dari tabel tbuku 
$sgl - mssgl guery("SELECT « FROM tbuku"): 


$Sno — 1 
( 


while (Sdata - mssgl fetch array (Ssgl))( 
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echo "«tr» 
stWbS$no/tas 
Ktd»Sdata| judul bukuJX/td» 
Ktd»S$data (penerbit|«/tds 
Ktd»S$data (penulis|«/tds 
Ktd»Sdata|(tahun terbit|x/td» 


tr 
Snottj 

) 

» 
«/table» 
«/body» 
«/html» 
Buka pada web browser Anda dengan url 


http://localhost/buku/cetak/tampil.php, akan tampil data berikut. 


luwes Lo 1 .-- aa mam 
| http://localhost/buku/cetak/tampil.php | 4 2 
2 (GO tecaihost/buku/cetak/tampil.php Ie Plain 
Judul Buku Penerbit Penulis Takan 
Terbit 
Teknik Cepat Membangun Aplikasi Web dengan Framework 1 
1 CakePHP Lokomedia 'Agus Saputra 2011 
'Step by Step Membangun Aplikasi SMS dengan PHP dan (PT. Elex Media 
2 MysoL (Komputindo 'Agus Saputra 2011 
PT. Elex Media : « 
3 (Pemrograman CSS untuk Pemula Koma 'Agus Saputra & Feni Agustin 2011 
PT. Elex Media 
i Ji 2 
4 (Trik dan Solusi Jitu Pemograman PHP IKomputi 'Agus Saputra 2011 
PT. Elex Media 
$ " i N 
5 (Panduan Praktis Menguasai Database Server MySOL (Komputindo 'Agus Saputra 2011 
| 6 (Trik Kolaborasi Codeigniter & jOuery ILokomedia 'Agus Saputra 2011 
£ ! IPT. Elex Media (Agus Saputra, Feni Agustin, & Asfa 
2 y 
7 62 Trik dan Plugin Terbaik jOuery Kompati Solution 2012 
8 (Buku 1 Penerbit 1 Penulis 1 
9 (Buku2 Penerbit 2 (Penulis 2 
10 (Buku 4 Penerbit 4 Penulis 4 
11 (Buku 5 Penerbit 5 Penulis 5 
12 (Buku 6 Penerbit 6 Penulis 6 
13 (Buku 8 Penerbit 8 Penulis $ 
4 (Buku 9 Penerbit 9 (Penulis 9 


Gambar 4.22 Data buku yang siap dicetak 


Pada Gambar 4.22 di atas terdapat tombol “Cetak”. Klik tombol 
tersebut, maka browser akan pop-up browser yang baru dengan 
disertai munculnya jendela print. Pada jendela print tersebut, Anda 
bisa melakukan setting terhadap jenis kertas, printer yang ingin 
digunakan, dan sebagainya, selayaknya Anda melakukan printing 
pada file dokumen, semisal word ataupun excel. Lihat Gambar 4.23. 
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I Print (SI 


Printer 


Name: (send To OneNote 2007 “| | Properties... | 


Status: — Ready 
Type: Send To Microsoft OneNote Driver 
Where: Send To Microsoft OneNote Port 


Situs Print to file 
Print range Copies 
ON Number of copies: 1 
Pages from: 1 to: 1 $ 
Selection 1 212 33 Collate 
| oK..| | Cancel 


Gambar 4.23 Jendela print 


414 OPERASI CRUD MENGGUNAKAN 
SOL SERVER 


Pada subbab ini, anggap saja sebuah bonus bagi yang sudah mahir. 
Di sini penulis tujukan untuk pemula yang belum pernah menjamah 
operasi crud menggunakan database sgl server. Di sini penulis bahas 
karena operasi ini merupakan dasar dari segala bahasa pemrog- 
raman untuk membuat suatu aplikasi, yah.. operasi tersebut 
dinamakan operasi PHP. Kita akan membuat operasi CRUD (create, 
read, update delete) terhadap record suatu tabel dalam database 
melalui halaman web. Kita telah mempunyai tabel tbuku yang telah 
kita buat sebelumnya. Jadi langsung saja yukk & 


4141 Menambah Data 


Operasi ini berfungsi untuk menambahkan record ke dalam tabel 
melalui sebuah form tambah data. Jadi, kita cukup membuat satu 
skrip, sisanya kita hanya menginputkan data saja. 


Pertama, kita buat form terlebih dahulu sebagai interface form 
tambah data. Simpan dengan nama tambahdata.php ke dalam 
document root server Anda. Adapun skrip tambahdata.php sebagai 
berikut: 
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Shtml» 

«body» 

Sform method-"post" action-"target tambahdata.php" 
«h4» Tambah Data «/h4» - 


KStable» 
str 

Ktd»s Judul Buku «/tdb 

Cb: It 

Ktadb Sinput type-"text" name-"judul buku"» «/tdb 
«/tr3 
Strs 

Ktds Penerbit «/td» 

Cb: tb 

«td» Xinput type-"text" name-"penerbit"» «/tdb 
«/tr3 
Strs 

Ktdb Penulis «/tdb 

Kb 1 tb 

Std» Xinput type-"text" name-"penerbit"»x«/td» 
«/tr3 
Strs 

«td» Tahun Terbit «/td» 

Cb: It 

Std» sinput type-"text" name-"tahun terbit"» «/tdb 
«/tr3 
Strs 

«td» Xinput type-"submit" value-"Simpan"» «/tdb 
«/tr3 
«/ table» 
«/ form» 
«/body» 
«/ html» 


Selanjutnya kita buat target operasi untuk tambah data tersebut. 
Perhatikan pada huruf yang tercetak tebal pada skrip di atas 
(target tambahdata.php). Itu artinya form ini akan diarahkan pada 
file tersebut untuk dilakukan operasi. Untuk itu, buat satu file operasi 
dan simpan dengan nama target tambahdata.php. Adapun skripnya 
sebagai berikut: 


« ?php 

// Skrip koneksi database 

mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


// Masukkan Post dari Form tambahdata.php ke dalam satuan variabel 
Sjudul buku - $ POSTf('judul buku'J: 

Spenerbit - $ POST('penerbit'J: 

Spenulis - $ POST( 'penulis'): 

Stahun terbit - $ POST('tahun terbit'J: 


// Proses Penyimpanan 


86 


Ssal - mssgl guery("insert into tbuku 
(judul buku,penerbit,penulis,tahun terbit) values 
('Sjudul buku', 'Spenerbit', 'Spenulis', 'Stahun terbit')") 
// Jika penyimpanan berhasil 
if (Ssgl) t 
echo "Data Berhasil Disimpan": 
) 
// Jika gagal 
else (| 
echo "Data Gagal Disimpan": 


) 
25 


Sekarang coba Anda buka web browser dan ketikkan url 
http://localhost/buku/operasiphp/tambahdata.php. Selanjutnya isi- 
kan form isian tersebut dan klik tombol Simpan. Lihat Gambar 4.24. 
dan Gambar 4.25. 


| El https//localhost/b...hp/tambahdata.php | as 5 


£» Ne) localhosi c|lg- GP | tt 


SA 


Tambah Data 


Judul Buku : an Plugin Terbaik jAuery 
Penerbit : Elex Media Komputindo 
Penulis : Agustin, & Asfa Solution 
Tahun Terbit : 2012 


Gambar 4.24 Form tambah data 


Patiretox ni SEN 2 
| El http://Mocalhost/bu..get.tambahdata.php | - Ta 


2 'a localhosi 7 “ G | “- GP) tt RI: 


Data Berhasil Disimpan 


3 


Gambar 4.25 Data berhasil disimpan 
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4149 Menampilkan Data 


Untuk proses mengubah data, penulis ga basa-basi lagi.. udah sering 
dibahas pada pembahasan sebelumnya.. tapi tulis aja deh skrip 
berikut dan simpan dengan nama tampildata.php. 


«h4» Tampil Data «/h4» 
Stable border-"1"» 


str 

Kth» No «/th» 

Kth» Judul Buku «/th» 

«th» Penerbit «/th» 

Kth» Penulis «/th» 

Kth» Tahun Terbit «/th» 

Kth colspan-"2"» Aksi «/th» 
«/tr3 
« ?php 


// Skrip koneksi database 
mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


// Ambil semua data tabel buku 
$sgl - mssgl guery ("select “ from tbuku") : 
// hitung jumlah data 
Shitung - mssgl num rows ($sgl): 
// jika tidak ada data (0) 
if (Shitung —-— 0) 
echo "Data Kosong": 
) 
// jika ada data 


else | 
Si — 1, 
// lakukan pengulangan dan tampilkan data berdasarkan nama 
field 
while (Sdata - mssgl fetch array ($Ssgl)) ( 
echo "«str» 
«tb Si td 
«td» Sdata|(judul buku) «/td» 
Ktdb Sdata(penerbit) «/tdb 
Ktdb Sdata (penulis) «/tdb 
Std» Sdatal(tahun terbit) «/td» 
Ktds «a href-ubahdata.php?id-$Sdata|id bukuJ» 
Ubah «/a» «/tdb Ki 
KD «sa 
href-hapusdata.php?id-$data|id buku)» Hapus «/a» «/td» 
SIEKETA 
// tambahkan satu per satu 
Sites 


) 
// tampilkan hasil jumlah data mahasiswa 
echo "Jumlah Data : Shitung"j 

) 

225 

«/ table» 


Hasil skrip di atas akan menampilkan hasil seperti Gambar 4.26. 


Peron | me. 5 NN 
| 9 http:/Mlocathost/bu..iphp/tampildata.php (- ba -—. — 
| &)2 Ia localhost/buku/operasiphp/tampildata,php Trel-c 
(22 
Tampil Data 
Jumlah Data : 15 
No Judul Buku Penerbit Penulis ag Aksi 
Terbit 
1. (feknik Cepat Membangun Aplikasi Web dengan Framework | 1 omega kena Ea Pa 
(CakePHP im ma 
Step by Step Membangun Aplikasi SMS dengan PHP dan — (PT Elex Media 
-, 
2 Iansor as |Agus Saputra 2011 (Ubah (Hapus 
PT. Elex Media 3 , 
3 (Pemrograman CSS untuk Pemula Kemen /Agus Saputra & Feni Agustin 2011 (ubah (Hapus 
9 (PT. Elex Media 
4 (Trik dan Solusi Jitu Pemograman PHP Ketan /Agus Saputra 2011 |Ubah Hapus 
i , (PT. Elex Media 
5 (panduan Praktis Menguasai Database Server MySOL SA /Agus Saputra 2011 (Ubah (Hapus 
6 (Trik Kolaborasi Codeigniter & jOuery ILokomedia (Agus Saputra fox (bah Hapus 
. : PT. Elex Media 'Agus Saputra, Feni Agustin, & Asfa 
2 . 2 
7 (62 Trik dan Plugin Terbaik jOuery PAN PK 2012 (Ubah (Hapus 
8 (Buku 1 (penerbit 1 Penulis 1 2012 (ubah (Hapus 
9 (Buku 2 (penerbit 2 Penulis 2 2012 (Ubah (Hapus 
10 (Buku 4 (Penerbit 4 Penulis 4 2012 (bah (Hapus 
11 (Buku 5 (penerbit 5 Pemulis 2012 (ubah (Hapus 
12 (Buku 6 (penerbit 6 Perulis 6 2012 (bah (Hapus 
13 (Buku 8 Penerbit 8 Penulis 8 2012 Ubah (Hapus 
14 (Buku 9 Penerbit 9 Penulis 9 2012 (bah (Hapus 
. : PN (PT. Elex Media /Agus Saputra, Feni Agustin, & Asfa 
15 (62 Trik dan Plugin Terbaik jOuery an Bea 2012 (ubah (Hapus 


Gambar 4.26 Hasil skrip tampildata.php 


4143 Mengubah Data 


Selanjutnya kita akan membuat skrip untuk ubah data, 


subbab. Operasi ini digunakan untuk mengubah data 


seperti judul 
bila sewaktu 


penyimpanan data terjadi kesalahan input, atau bisa juga untuk 
sekadar update 9. Buat terlebih dahulu form ubah data dan simpan 
dengan nama ubahdata.php ke dalam folder operasiphp. Adapun 


skrip form ubah data tersebut sebagai berikut: 


«h4» Ubah Data «/h4» 

« ?php 

// skrip koneksi database 

mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


// tangkap variabel nim 

Sid - $ GET('id'1: 

// skrip untuk menampilkan data berdasarkan field 
dipilih (tangkap) 


id buku yang 
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$Ssgl - mssgl fetch array (mssgl guery("SELECT “ FROM tbuku WHERE 
id buku - 'Sid'")): 

7s 

Kform method-post action-target ubahdata.php?id-«?php echo "Sid", 
222 


KStable» 
Strs 
Ktd»s Judul Buku «/tds 
Cb: ta 
KtDb «?php echo "Kinput type—text name-judul buku 
value-'$sgl(judul buku|'5": ?»5 «/td» 
«/tr3 
Strs 
Ktds Penerbit «/td» 
Cb: ta 
HGutobg « ?php echo "Kinput type-—text name-penerbit 
value-'$sgl(penerbit|'»": ?» «/tdb 
«/tr3 
Ser 
Ktd»s Penulis «/tdb 
CR: ta 
HGutog « ?php echo "Kinput type-—text name-penulis 
value-'$sgl(penulis|'»": ?» «/tdb 
«/tr3 
Strs 
Ktd» Tahun Terbit «/td»s 
Cb: It 
HGutobg «?php echo "Kinput type—text name-tahun terbit 
value-'$sgl|(tahun terbit|'»": ?» «/tdb 
tr 
Strs 
«td» Xinput type-submit value-Ubah? «/td»b 
«/tr3 
«/ table» 
«/ form 


Selanjutnya kita buat target untuk form ubah data. Simpan target itu 
dengan nama target ubahdata.php ke dalam folder operasiphp 
dalam document root server Anda. Adapun skrip target ubah data 
sebagai berikut: 


«?php 

// skrip koneksi database 

mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


// tangkap variabel id buku 

Sid — $ GETI'id'J: 

// ubah POST pada form menjadi satuan variabel 
Sjudul buku - $ POSTf('judul buku'J: 

Spenerbit - $ POST('penerbit')J: 

Spenulis - $ POST( 'penulis'): 

Stahun terbit - $ POST|'tahun terbit'): 


// skrip ubah data berdasarkan id buku yang ditangkap 
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$sgl - mssgl guery("UPDATE tbuku SET judul buku - 
'Sjudul buku', 


penerbit - 'Spenerbit', 
penulis - 'Spenulis', 
tahun terbit- 'Stahun terbit' 
WHERE id buku - 'Sid'"): 

// jika ubah data berhasil 


if (Ssgl)t 
echo "Ubah Data Berhasil": 
// arahkan kembali kepada tampildata.php 
echo "Kmeta http-eguiv-'refresh' content-'1 
URL-tampildata.php'»": 
) 
// jika gagal 
else ( 
echo "Gagal Diubah": 


) 
25 


Sekarang coba Anda klik link edit pada salah satu data dalam 
halaman tampildata.php, kemudian Anda lakukan perubahan ter- 
hadap data seperti Gambar 4.27. 


Nrerok le 
| El http://localhost/bu...ubahdata.php?id-28 | 4 | 2 
& 2 | localhost/ buku/operasiphp Cc “g- GL - | 
Ubah Data 
MN Judul Buku : Hore Judul Buku Is 
Penerbit : Hore Penerbit 
Penulis : Hore Penulis 


Tahun Terbit : Hore 2012| 


Gambar 4.27 Form ubah data 
Setelah Anda klik tombol “Ubah”, halaman akan diarahkan ke 


halaman tampildata.php dan hasilnya, data akan sudah ter-update. 
Lihat Gambar 4.28. 
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| http://localhost/bu...iphp/tampildata.php | Hi | 3 ae 
| &€) localhost/buku/operasiphp/tampildata.php c||3g- coogle Pl. Ea: 
| TT (ompuunuy Pasusua I T I F3 
| : 
PT. Elex Media 
ii 2 | 
4 (Trik dan Solusi Jitu Pemograman PHP Komputindo 'Agus Saputra 2011 Ubah (Hapus 
Panduan Praktis Menguasai Database (PT. Elex Media 
ki 
5 (server MySOL Komputindo 'Agus Saputra 2011 Ubah (Hapus 
6 (Trik Kolaborasi Codeigniter & jOuery |Lokomedia 'Agus Saputra 2011 Ubah (Hapus 
7162 Trik dan Plugin Terbaik jOuery Pee ken era kai 2012 ubah Hapus 


utindo (Agustin. & Asfa Solution 
Hore Judul Buku Hore Penerbit (Hore Penulis 
Buku 2 Penerbit 2 Penulis 2 


No | 00 
1 
Pa 
kari 
8 
“ 
El | 
2 
jang 
di 
| 


Hapus 
10 (Buku 4 Penerbit 4 Penulis 4 2012 —Ubah|Etapus 
11 (Buku 5 Penerbit 5 Pemulis $ 2012 — fUbah(Hapus 
12 (Buku 6 Penerbit 6 Penulis 6 2012 —|ubah|ttapus 
13 (Buku 8 Penerbit 8 Penulis 8 2012 —ubah|Etapus 
14 (Buku 9 Penerbit 9 Pemutis 9 2012 ubah(Etapus 
15 (62 Trik dan Plugin Terbaik jOuery Kemang Pan 2 AA 2012 |Ubah|Hapus| | 


Gambar 4.28 Data berhasil diubah 


4144 Menghapus Data 


Menurut saya, pembuatan operasi ini merupakan yang paling mudah 
dan tidak membutuhkan banyak skrip dalam pengerjaan. Operasi ini 
digunakan untuk menghapus suatu data. Langsung saja kita buatkan 
file dan simpan dengan nama hapusdata.php ke dalam documet root 
server Anda. Adapun skripnya sebagai berikut: 


« ?php 

// skrip koneksi database 

mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan") : 

// tangkap variabel id buku dari url 
Sid - $ GET('id'1: 


// skrip hapus data berdasarkan id buku yang ditangkap 


$Ssgl - mssgl guery("DELETE FROM tbuku WHERE id buku - 'Sid'"): 
// jika hapus data berhasil 
if (Ssal)( 


echo "Data Berhasil Dihapus": 
// arahkan kepada tampil data 
echo "Kmeta http-eguiv-'refresh' content-'1 
URL-tampildata.php'»": 
) 
// jika gagal 
else ( 
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echo "Gagal Dihapus": 


) 
25 


Coba Anda klik link Hapus pada salah satu record data, maka akan 
ditampilkan pesan data berhasil terhapus dan akan diarahkan ke 
halaman tampil data. 


415 PAGING PADA SOL SERVER 


Ini dia, trik yang paling membingungkan bagi programmer php yang 
baru menggunakan sgl server sebagai databasenya. Penulis pernah 
membahas bahwa paging sangat erat hubungannya dengan limitasi 
data (pembatasan data). Nah, kalo dimysgl cukup mudah karena 
mysgl mendukung perintah limit.. sekarang bagaimana bila itu 
diterapkan pada sgl server?.. pasti jawabannya adalah error... 


Namun jangan khawatir, jika Anda telah membaca sampai pada bab 
ini, maka masalah Anda tentang paging pada sgl server telah Anda 
temukan. Kita bisa mengakalinya dengan beberapa skrip.. buat file 
dengan nama paging.php dan simpan di dalam folder document root 
server Anda. Adapun skripnya sebagai berikut: 


Stable border-1» 


Strs 
Kth2No«/th» 
Kth»Judul Bukux«/th» 
Kth»Penerbitx/th» 
Kth»Penulis«/th» 
Kth»Tahun Terbitx/th» 
«/tr3 


«?php 

// skrip koneksi database 

mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


// perintah untuk mengambil seluruh data dalam tabel tbuku 


SstrSOL - "SELECT “« FROM tbuku": 

// jika perintah benar atau jika perintah salah (die) 

Sobjouery - mssgl guery ($strSOL) or die ("Error Ouery 
PVSSstr30L- 1 15 


// hitung jumlah data 
SNum Rows - mssgl num rows ($objOuery) : 


// atur penampilan data per halaman 
$Per Page - 5, 

// tangkap variabel page 

SPage - $ GET|"Page"J: 

if (!S GET("Page")) ( 
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SPage-l: 
) 


SPrev Page - $Page-lj 
$SNext Page - $Pagetlj 


SPage Start - ((SPer Page“$Page)-SPer Page): 
if (SNum Rows«-$SPer Page) | 
$Num Pages -1: 


else if (($Num Rows $ $Per Page)--0)( 


$Num Pages -($Num Rows/$Per Page) j 
elsef 

$SNum Pages -($Num Rows/$Per Page)t1: 

SNum Pages - (int) SNum Pages: 


SPage End - $Per Page " SPage, 
if ($SPage End » $Num Rows) ( 
SPage End - $Num Rows: 


// menampilkan data ke dalam halaman web 
for(Si-S$Page Start, $ix$Page End:$i44) | 
Sjudul buku - mssgl result ($SobjOuery,S$i,"judul buku"): 
Spenerbit - mssgl result (Sobjguery,Si,"penerbit"): 
Spenulis - mssgl result (Sobj9uery,Si,"penulis") : 
Stahun terbit - mssgl result (SobjOuery,$i,"tahun terbit"): 
Sno - Si # 1j 
echo "«str» 
KtWbSnor/tab 
Ktds$judul bukus/tdb 
«tdbSpenerbit«/tdr 
KtdsSpenulis«/tds 
Ktd»$tahun terbits/tdb 
«/tr3": 
) 
echo "«/tabler"j 


// tampilkan halaman paging 
if (SPrev Page) ( 
echo "ka  href-'$ SERVERISCRIPT NAME) ?Page-$Prev Page' »x« 
Back «/a»"j 
) 


for(Si-l: Sis-$Num Pages: Sit) ( 
if (Si !—- SPage)i 
echo "Ka href-'$ SERVERISCRIPT NAME) ?Pages$i'» Si 


ar 


echo "cbs Si «/b»"j 


if (SPage!-$Num Pages) ( 

echo "sa href -'$ SERVERISCRIPT NAME) ?Page-SNext Page'» 
Next» ar" 
) 
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Untuk melihat hasilnya bisa Anda buka pada web browser Anda 
dengan mengetikkan url http://localhost/buku/paging/paging.php, 
maka hasilnya akan terlihat seperti Gambar 4.29. Silakan Anda klik 
link paging yang tersedia, maka halaman akan beralih ke halaman 
selanjutnya tergantung link yang Anda klik. 


“Firefox v | Kera” ox) 
Elhttp://localhost/bu.../paging.php?Page-2 | 4 | Bi 
£« localhost/buku/paging/paging Page-2 G || 3g- Google 2 tt » | 
No Judul Buku Penerbit Penulis Jaka 
Terbit 
6 B3 Koboi Code Lokomedia /Agus Saputra 
jGuery 
» 162 Trik dan Plugin Terbaik PT. Elex Media 'Agus Saputra, Feni Agustin, & Asfa 
— jouery Komputindo Solution Ps 
8 (Hore Judul Buku Hore Penerbit Hore Penulis 
WN Io Ibuku 2 (Penerbit 2 Penulis 2 
10 (Buku 4 (Penerbit 4 Penulis 4 
csBack12 d Next» 


http://localhost/buku/paging/paging.php?Page-3 


Gambar 4.29 Menampilkan paging 


416 MODIFIKASI PAGING AGAR LEBIH 
GAYA 


Kita bisa mempercantik atau memperindah tampilan paging tersebut, 
jika Anda pernah membaca buku penulis mengenai “Trik dan Solusi 
Jitu Pemrograman PHP”, yang diterbitkan oleh PT Elex Media 
Komputindo, maka Anda akan menemukan teknik ini. Yah, 
menggunakan teknik pemrograman css. Kebetulan penulis juga 
pernah membuat buku bertema css (bersama Feni Agustin), 
judulnya “Pemrograman CSS untuk Pemula”, diterbitkan PT Elex 
Media Komputindo juga. Namun sayang, kebanyakan buku css 
tersebut sudah tidak ada di toko buku, walaupun ada pada sebagian 
toko buku. Nah, jika Anda menginginkan buku tersebut, Anda juga 
bisa melakukan pembelian secara online di website penulis 
(http://www.agussaputra.com). Oke, cukup di sini saja promonya, 
kita lanjut ke tahap mempercantik halaman paging. 
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Buat file css dengan nama paging.css yang isinya seperti berikut: 


div.paging | 
padding:2px, 
margin:2px, 
text-align:left, 
font-family: Tahoma: 
font-size:12px: 

) 


div.paging al 
padding:2px 5px 2px 5px, 
margin-right:2pxj 
border:lpx solid #DEDFDE: 
text-decoration:none: 
color:#0061DE: 

) 


div.paging a:hoverf 

border:1lpx solid #2B66A5: 
color:#000000: 
background-color:#FFFF80: 
) 


div.paging span.current | 
padding:2px 5px 2px Spxj 
margin-right:2pxj 
border:1lpx solid navy: 
font-weight:bold: 
background-color:#2E6AB1: 
color: #FFFFFEj 


) 


div.paging span.disabledi 
padding:2px 5px 2px 5px, 
margin-right:2pxj 
border:1lpx solid #999999: 
color:#999999: 


) 


div.paging span.prevnext | 
font-weight:bold: 
) 


Pada file paging.php tambahkan skrip pemanggil file css berikut: 


dlink rel-"stylesheet" href-"paging.css" type-"text/css"» 


Kemudian tambahkan skrip yang tercetak tebal berikut pada skrip 
untuk menampilkan paging. 


echo "«div class-paging”": 
// tampilkan halaman paging 
if (SPrev Page) ( 
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echo "Kspanr«a 
href-'$ SERVERISCRIPT NAME)J?Page-$Prev Page'» «« Back «/a»X/span?": 
) 


for(Si-l, Six-$Num Pages: Sitt)( 
if (Si !- $SPage)( 
echo "Kspanr«a 
href-'$ SERVERISCRIPT NAME) ?Page-Si'» Si «/ark/span?": 
) 
elseif 
echo "Kspan»cb» Si «/b»X/span?": 
) 
) 


if (SPage!-$Num Pages) ( 
echo "Kspanzr«a href -'5 SERVERISCRIPT NAME) ?Page- 
$Next Page'» Next»» «/ark/span?»": 
) 
echo "«/div?") 


Refresh kembali web browser Anda, maka hasilnya akan terlihat 
paging yang telah dimodifikasi seperti berikut ini. 


| rretors | Pa 
| http://localhost/bu../paging,php?Page-2 | t $ Se 
£« 12 localhost buku/paging/paging.php' Pa “Cc S-c 
No Judul Buku Penerbit Penulis aa 
Terbit 
6 R3 Kebon Code Lokomedia |Agus Saputra 
| ljOuery 
» 162 Trik dan Plugin Terbaik PT. Elex Media Agus Saputra. Feni Agustin, & Asfa 
: jOuery Komputindo Solution 
8 (Hore Judul Buku Hore Penerbit Hore Penulis 
9 (IBuku2 Penerbit 2 Penulis 2 
10 (Buku 4 Penerbit 4 Penulis 4 
ce Back | 1 Aj Mato 
http://localhost/buku/paging/paging.php?Page-3 


Gambar 4.30 Paging yang telah dimodifikasi 


41! MANAJEMEN SESSION DAN LOGIN 
MULTIUSER 


Sebagai salah satu syarat dalam menciptakan aplikasi web dinamis, 
minimal harus tersedia fasiltas login untuk Administrator dalam 
mengatur konten web. Dalam hal ini, penulis akan memberikan dua 
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macam Authentikasi, yaitu menggunakan Session dan Cookie yang 
akan dibahas pada bab selanjutnya. 


Session merupakan suatu fungsi yang berguna untuk memper- 
tahankan variabel. 


Dalam menggunakan fungsi session, setidaknya ada empat macam 
fungsi yang paling sering digunakan, di antaranya: 


- Session start, berfungsi untuk membangkitkan atau memu- 
lai suatu session. 


- Session register, berfungsi untuk mendaftarkan nilai session 
ke dalam sever. 


- Session is registered, berfungsi untuk mengecek nilai 
session yang telah didaftarkan. 


- Session destroy, berfungsi untuk mengakhiri atau meng- 
hancurkan nilai session yang telah didaftarkan. 


Sebagai persiapan, buatlah folder terlebih dahulu dengan nama 
session di dalam folder htdocs atau www. 


Di sini kita akan menciptakan sembilan buah file: 
- master manager.php 
- master admin.php 
- master spv.php 
- master user.php 
-  index.php 
-  lTogin.php 
-  Togout.php 
-  master.php 
-  tlogin.php 


Namun, sebelumnya kita buat dulu sebuah tabel dengan nama tabel 
tuser yang spesifikasinya seperti Gambar 4.31. 
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Table - dbo.tuser Summary | 


Column Name Data Type Allow Nulls 
2 username varchar(32) nj 
password varchar(32) MJ 
nama lengkap varchar(50) P3 
level user varchar(50) MJ 


Gambar 4.31 Paging yang telah dimodifikasi 


Isikan pada tabel tuser tersebut dengan data sesuai dengan selera, 
contohnya seperti berikut ini. 


Table - dbo.tuser/ Table - dbo.tuser| Summary| 


username password nama Jengkap m5 level user 
| admin admin Administrator admin 

agus agus Agus Saputra manager 

daman daman Daman Huri spv 

feni feni Feni Agustin user 

sofyan sofyan Sofyan Maulana spv 

zeffi zeffi Zeffi Mauliadi spv 
DM ML MAL NULL 


Gambar 4.32 Data tabel user 


Di sini kita akan membatasi hak masing-masing pengguna sesuai 
dengan tingkat level usernya, di antaranya ada admin, manager, 
supervisor (spv), serta pengguna biasa (user). 


Buatlah file dengan nama login.php yang difungsikan sebagai form 
login dan simpan dalam folder session (buat folder session di dalam 
document root server). Adapun skripnya sebagai berikut: 


Shtml» 
Sheadb 
Ktitle» Login Session «/title» 
«/heads 
«body» 
«h4» Login dengan Session «/h4» 
Sform method-"post" action-"tlogin.php"» 
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KStable» 


Strs 
«tds Username «/tdb 
Cb: It 
«td» Xinput type-"text" name-"username"» «/tdb 
«/tr3 
Strs 
«tds Password «/tdb 
Cb: It 
Ktdb Xinput type-"password" name-"password"» «/tdb 
2) trs 
Strs 
«td» Xinput type-"submit" value-"Login"» «/tdb 
«/tr3 
«/ table» 
«/ form» 
«/body» 
«/html» 


Selanjutnya buatlah file targetnya dengan nama tlogin.php dan 


simpan ke dalam folder session. Berikut skripnya: 


«?php 
// Bangkitkan nilai session 
session start (): 


// skrip koneksi database 
mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


// Variabel dari form login 
Susername - $ POST(|'username'): 
Spassword - $ POST(| 'password'J: 


$Ssgl - mssgl guery("SELECT “  FROM tuser WHERE 
'Susername' AND password - 'Spassword'"): 

Sdata - mssgl fetch array ($sgl): 

Sketemu - mssgl num rows ($sgl): 


// jika data lebih dari 0 

if (Sketemu » 0) ( 
// daftarkan nilai ke server 
session register("username"): 
session register("password"): 
session register("nama lengkap"): 
session register("level user"): 


$ SESSION(username) - Sdata|username): 

$ SESSION (password) - Sdata|(password|: 

$ SESSION(nama lengkap) - Sdata(nama lengkap): 
$ SESSION(level user) - Sdata|(level user): 


// arahkan kepada file index.php 

echo "Kmeta http-eguiv-'refresh' 
url-index.php' »": 
) 
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username - 


content-'2j 


// Jika login gagal 
else ( 
echo "Login Gagal": 
echo "Kmeta http-eguiv-'refresh' content-'2j 
url-index.php' »": 
) 
P5 


Karena pada skrip di atas, jika login benar, maka akan diarahkan ke 
file index.php, maka kita buat file dengan nama index.php dan 
simpan ke dalam folder session. Adapun skripnya sebagai berikut: 


«?php 
session start (): 
// Jika nilai username dan password terdaftar 
if (session is registered ("username") and 
session is registered("password")) ( 
// panggil file master 
include "master.php", 
) 
// jika gagal 
else: 4 
include "login.php"j 
2 


Jika login berhasil dilakukan, maka step sistem akan memanggil file 
lain bernama master.php. Oleh karena itu, kita buat file master.php 
dan simpan ke dalam folder session juga, kemudian ketikkan skrip 
berikut: 


«?php 
session start (): 


if ($ SESSION(level user) -- 'admin') 
include "master admin.php": 


elseif ($ SESSION(level user) -- 'manager") ( 
include "master manager.php": 


elseif ($ SESSION(level user) -- 'spv')( 
include "master spv.php", 


else 


include "master user.php"j 


2 
Skrip di atas, bisa dijelaskan jika level user yang terdaftar adalah 


admin, maka akan dipanggil master bernama admin 
(master admin). Jika yang terdaftar adalah manager, maka akan 
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dipanggil file master bernama manager (master manager), dan 
seterusnya. 


Untuk itu kita buat kembali masing-masing file master tersebut dan 
simpan ke dalam satu folder bersama-sama dengan file lainnya. 
Untuk skripnya semua sama. 


Skrip master admin.php | master manager.php | master spv.php | 
master user.php 


« ?php 
session start (): 


// skrip koneksi database 
mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


// tampilkan ke halaman web 

echo "Anda Login sebagai $ SESSION(level user) «br»", 
echo "Nama Lengkap: $ SESSION(nama lengkap) «br»", 
echo "xa href-logout.phpsLogout«/a?": 

22 


Dan terakhir kita buat file dengan nama logout.php yang skripnya 
seperti berikut: 


« ?php 

session start (): 

// Hancurkan nilai session 

session destroy(): 

// Tampilkan bye bye 

echo "Bye.. bye .. ", 

// arahkan kepada file index 

echo "xmeta http-eguiv-'refresh' content-'2: url-index.php'»"j 
22 


Nah, untuk mencoba hasil keseluruhan dari aplikasi Login dengan 
Session, dapat Anda buka web browser dengan mengetikkan url 
http://localhost/buku/session/index.php, maka akan tampil form 
login seperti Gambar 4.33. Kemudian masukkan username dan 
password sesuai dengan yang terdaftar pada database. 
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( retox | Sia 


| Tea Session la 


« » 12 localhost/buku/session/index.php Elis 


Login dengan Session 


Username : agus 


Password : eeee| 


Gambar 4.33 Form login 


Jika benar maka kita akan masuk ke dalam halaman web sesuai 
dengan tingkat pengguna. 


2 
| Ef http:/Mlocalhost/buku/session/index.php lx | 
| 2 (8 localhost/buku/session/index.php 


| Anda Login kebagai manager 
Nama Lengitap: Agus Saputra 


Logout p 


Gambar 4.34 Login berhasil 


Untuk keluar dari halaman Administrator, cukup klik link Logout, 


maka akan tampil pesan bye bye dan kita akan diarahkan ke 
halaman index (login). 


| El http/Mocalhost/buku/session/logout.php | 4- | 


« 2» (- localhost/buku/session/logout.php 


Bye.. bye... 


k 


Gambar 4.35 Keluar dari halaman web 
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418 MANAJEMEN COOKIE DAN LOGIN 
MULTIUSER 


Berbeda dengan Session, Login dengan Cookie, akan menyimpan 
nilainya ke dalam browser (bukan server), sehingga Authentikasi ini 
bisa menjadi alternatif menggantikan session. Untuk menggunakan- 
nya, setidaknya kita membutuhkan perintah dasar dari Cookie, yaitu 
setcookie. 


Sebagai studi kasusnya, kita akan kembali membuatkan form login 
seperti yang sudah pernah kita lakukan dalam pembahasan di bab 
sebelumnya. Kita akan membuatkan sebanyak 9 file, di antaranya: 


-  halamanl.php 

-  halaman2.php 

- halaman utama.php 
-  login.php 

-  Togout.php 

-  tlogin.php 


Sebagai persiapan awal, buatlah folder baru dengan nama cookie 
untuk memisahkan pekerjaan Anda yang lama dengan yang baru. 


Buatlah file dengan nama login.php sebagai tampilan awal sebelum 
memasuki halaman administrator dan simpan dalan folder cookie 
yang telah dibuat tersebut. Adapun skripnya sebagai berikut: 


«html» 
Sheadb 
Ktitle»Halaman Login Admin«/title» 
«/head» 
«body» 


« ?php 
Smsg - $ GET|("msg"J: 
if (!empty(Smsg)) 
echo ("SmsgsbreAn") : 
?25 


«h4» Authentikasi Login dengan Cookie «/h4» 
Kform method-"post" action-"tlogin .php"» 
KStable» 
str 

«td» Username «/td» 

Kb 1 ta 
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«td» Xinput type-"text" name-"username"» «/tdb 
«/tr3 
str 

Ktd»b Password «/td» 

Kios 1 Ytds 

Ktdb Xinput type-"password" name-"password"» «/tdb 
«/tr3 
Strs 

«td» Xinput type-"submit" value-"Login"» «/tdb 
«ltr 
«/table» 
«/ tormb 
«/body» 
«/ html» 


Pada tag form action, terlihat bahwa form login tersebut akan 
diarahkan ke tlogin.php sebagai target operasinya. Untuk itu, buatlah 
file dengan nama tlogin.php dan simpan dalam folder cookie, untuk 
kemudian ketikkan skrip berikut: 


«?php 

// peroleh variable2 form 
Susername - $ POST|"username"): 
Spassword - $ POST(|"password"J: 


// pasang cookie 
setcookie ("cookie user", Susername): 


setcookie ("cookie pass", Spassword): 


// arahkan kepada halaman utama 


Salamat - "master.php"j 
header ("location:Salamat"): 
225 


Pada skrip tlogin.php, halaman akan diarahkan ke file bernama 
master.php yang digunakan sebagai halaman utama dari web. Untuk 
itu buatlah file dengan nama tersebut dan simpan dalam folder 
cookie, kemudian ketikkan skrip berikut: 


«?php 
mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


function password valid (Susername, Spassword) ( 
Sketemu - mssgl num rows (mssgl guery("SELECT “ FROM tuser 
WHERE username - 'Susername' AND password - 'Spassword'")): 
if (Sketemu » 0) 
return TRUEj: 


return FALSE, 
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Scookie user $ COOKIE ("cookie user"): 
Scookie pass - $ COOKIE|"cookie pass"|: 


// Jika username kosong 
if (empty(Scookie user)) ( 


Salamat - "login.php", 

Smsg - "Masukkan username dan password anda"j 
header ("location: Salamat?msg-$Smsg"): 

exit (): 


) 


// Jika username dan password tidak valid 
if (password valid (Scookie user, $cookie pass)) ( 


Salamat - "login.php", 
Smsg - "Username dan Password anda tidak valid": 
header ("location: Salamat?msg-S$msg"): 
exit): 

) 

225 

Shtml» 

Sheadb 
Ktitle»Halaman Utamax/title» 

«/head» 

«body» 

«a href-"halamanl.php"»Halaman 1x/a» 

«br 

Ka href-"halaman2.php"»Halaman 2x/a» 

«br 

«Ka href-"logout.php"»Logout«/a» 

«br 

«/body2 

«/html» 


Secara definisi, pada skrip di atas dapat diartikan bahwa kita 
membuatkan function bernama password valid (akan dipakai pada 
skrip halaman utama) yang mengandung username dan password. 
Jika username dan password-nya valid, nilai akan dikembalikan 
secara TRUE. Namun jika salah, akan dikembalikan ke FALSE. 


Pada halaman utama, terdapat tiga file, yaitu halamanl.php dan 
halaman2.php yang digunakan sebagai file uji coba (diibaratkan 
konten dalam halaman administrator), serta logout.php yang diguna- 
kan sebagai file untuk keluar dari halaman administrator. 


Berikut masing-masing skrip dari ketiga file tersebut. 


Skrip halaman1.php 


« ?php 
mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 
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function password valid (Susername, Spassword) ( 
Sketemu - mssgl num rows (mssgl guery("SELECT “ FROM tuser 
WHERE username - 'Susername' AND password - 'Spassword'")): 
if (Sketemu » 0) 
return TRUE: 


return FALSE, 
, 


Scookie user $ COOKIE ("cookie user"): 
Scookie pass - $ COOKIE|"cookie pass"|: 


if (password valid (Scookie user, $cookie pass)) ( 
die ("“Maaf, Anda tidak bisa mengakses halaman 1"): 

) 

225 

«html» 

Sheadb 
Ktitle»Halaman 1x/title» 

«/head» 

«body» 

Ini adalah halaman pertama 

«/body» 

«/ html» 


Skrip halaman2.php 


« ?php 
mssgl connect ("AGOES-PC", "sa", "123456"): 
mssgl select db("dblatihan"): 


function password valid (Susername, Spassword) ( 
Sketemu - mssgl num rows (mssgl guery("SELECT “ FROM tuser 
WHERE username - 'Susername' AND password - 'Spassword'")): 
if (Sketemu » 0) 
return TRUEj: 


return FALSE, 
, 


Scookie user $ COOKIE ("cookie user"): 
Scookie pass - $ COOKIE|"cookie pass"): 


if (password valid (Scookie user, $cookie pass)) ( 
die ("“Maaf, Anda tidak bisa mengakses halaman 2"): 

) 

225 

Shtml» 

Sheadb 
Ktitle»Halaman 24«/title» 

«/head» 

«body» 

Ini adalah halaman kedua 

«/body» 

«/ html» 
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Skrip logout.php 


«?php 
setcookie ("cookie user"): 
setcookie ("cookie pass"): 


echo "Anda sudah Logout «br?": 

echo "Jika ingin mengakses kembali, login dulu «br»": 
echo ("Ka href-'login.php'»Login«/a?") : 

7 


Buka web browser Anda dengan mengetikkan url 
http://localhost/buku/cookie/login.php, untuk melihat hasil yang 
sudah dikerjakan. Kemudian masukkan username dan password 
yang telah kita daftarkan pada tabel tuser. 


| B Halaman Login Admin kl 2 


€ ||) tocalhost/buku/cookie/lo e|ig- cola: 


Authentikasi Login dengan Cookie 
| 


Username : admin 


Password : ee... 


(Login | 


Gambar 4.36 Form login 


Setelah klik tombol Login, halaman akan diarahkan ke halaman 
utama (master.php). Lihat Gambar 4.37. Namun, jika Anda salah 
memasukkan username dan password, maka halaman akan 
dikembalikan ke form login untuk meminta username dan password 
yang benar. 


Firefox kala Xx 
| 9 Halaman Utama | ar | Se: 
| £ P) B3 tecalhost/i iku/cookie/mast eco t 2» 
Halaman 1 
Halaman 2 
Logout | 
k 


Gambar 4.37 Halaman diarahkan ke halaman utama 
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Firefox Ma 


Ia Halaman Login Pe | -- hu 


In 


« 4) EJ tocalhost/buku/cookie/login C|/- ca? t & 


Username dan Password anda tidak valid 
Authentikasi Login dengan Cookie | 


Username : 


Password : 


| Login 


Pa ia ea 


Gambar 4.38 Username/password salah 


Untuk keluar dari halaman utama, dapat Anda klik link Logout, 
maka hasilnya akan seperti berikut ini. 


" aan an $ 
Ia http://localhost/buku/cookie/logout.php | t | Ta 
&— P) localhost/ buku/ cookie/logot Cc “- Go D t &: 

Anda sudah Logout 
Jika ingin mengakses kembali, login dulu 
Login N 
Gambar 4.39 Logout 


419 BONUS: MEMBUAT FANPAGE 
FACEBOOK PADA WEB 


Penulis sering sekali mendapat email dari para pembaca maupun 
pengunjung website agussaputra.com mengenai cara membuat fans 
(like) page facebook seperti yang ada pada website penulis 
(agussaputra.com). Intinya kita tidak perlu berpikir yang sulit-sulit.. 
karena apa?.. Karena facebook telah menyediakan keperluan 
ataupun kebutuhan untuk pembuatan fungsi tersebut, yaitu 
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menggunakan plugin. Plugin itu sangat user friendly, kita cukup 
akses url tertentu dan klak-klik sana-sini, kemudian terapkan pada 
web kita maka proses telah selesai. Secara rincinya dapat Anda ikuti 
langkah berikut: 


1. 


Buka web browser Anda dan langsung akses pada situs 
http://developers.facebook.com/docs/plugins. Akan tampil ha- 
laman seperti berikut. 


IB tecebook.com https://developers.facebook.com/ does. & C || - cara membuat fanlike 2 


"Oo 


facebook peveLopers — MEESENNNNNNNNNNNNI sokumertasi Dukungan Blog — Aplikasi IP ooes Keroppi 


Getting Started Social Plugins 
Core Concepts » Socal Plugins 
Core Concepts 


Social Design 
Social Plugins Social plugins let you see what your friends have liked, commented on or shared on sites across the web. 
Open Graph 
Like Button 
Socal Channes 1 Like | MJ Austin 


The Like button sers share pages from your site back to their Facebook profile with one click. 


Authentication Pi: Ba 
Graph API Hn 2 


Advanced Topics 4 
Send Button 


SDKs & Tools 5 Sana The Send button allows your users to easily send your content to their friends. 


Subscribe Button 
The Subscribe button allows people to subscribe to other Facebook users directiy from your site. 


| Comments 
The Comments plugin lets users comment on any piece of content on your site. 


Activity Feed 
The Activty Feed plugin shows users what their friends are doing on your site through likes and 
comments. 


Gambar 4.40 Situs plugin facebook 


Pada halaman social plugin tersebut, terdapat beberapa plugin 
yang dapat Anda gunakan, di antaranya Send Button (untuk 
mengizinkan user mengirimkan konten kepada teman yang 
lain), Subscribe button (untuk berlangganan website Anda), 
Comments (untuk mengizinkan pengguna memberikan ko- 
mentar melalui website Anda), Activity Feed, serta jika Anda 
ingin memilih fan like, dapat Anda klik link seperti pada 
Gambar 4.40 yang telah ditandai. Plugin tersebut berfungsi 
sebagai petunjuk seberapa banyak pengunjung yang menyukai 
atau mengidolakan Anda. Biasanya fungsi ini digunakan oleh 
para artis, aktor, toko masyarakat, penulis, dan lain sebagainya. 


Setelah klik link “Like Button”, halaman web akan diarahkan ke 
halaman yang berisi beberapa pengaturan untuk men-create 


kode agar sesuai dengan halaman konten website Anda. Isikan 
pada kolom yang tersedia. 


Step 1 - Get Like Button Code 


nnyuke in, Jadiah orang pertama ci antara teman- 


URL to Like (2) 
httoi/wnw.agussepura.con 

Send Button (XFBML Only) (2) 
MI Send Button 

Layout Style (2) 


standard 


width (2 
Recommendations Bar as 


show Faces (2) 
Show faces 


Verb to display (2) 
like 


Color Scheme (2) 
ught 


Font (2) 
se) ls 
Ket code | 


velopers,facebook.com/docs/reference/plugi..layout-standardBsaction-like&.colorscheme-light&tfont- 


Gambar 4.41 Isikan beberapa pengaturan pada kolom yang disediakan 


Klik tombol GET CODE, untuk mendapatkan kode fan page 
agar dapat diterapkan pada website Anda. 


3. Setelah Anda klik tombol GET CODE, maka akan tampil 
halaman yang terdiri atas 2 kolom yang isinya berupa kumpulan 
kode. 


Kode plugin Like Button Anda: 


IEIII xremL FRAME 


1. Cantumkan JavaScript SDK pada halaman Anda, idealnya tepat setelah tag pembuka «body». 


«div id-"fb-root" X/divb 
Kacript»(function(d, 3, id) ( 
var j3, fj3 - d.getElementsByTagName (3) (0): 
if (d.getElementById(id)) return: 
J3 - d.createElement(3): j3.id - id: 
J3.3rc — "//connect.facebook.net/id ID/all.j3#xfbml-1": 
fj3.parentNode.insertBefore (j3, fj3): 
document, 'script", 'facebook-jsadk")) :«/acriptb 


2. Tempatkan kode untuk plugin Anda di mana pun Anda inginkan plugin itu muncul di halaman Anda. 


«div clas3-"fb-like” data-href-"http://www.agussaputra.com" data-send-"true" 
data-width-"450" data-3how-face3-"true” K/divb 


Gambar 4.42 Kumpulan kode fanspage 


1 


2 
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Ada tiga format yang dapat Anda gunakan dalam menerapkan 
kode tersebut, apakah Anda ingin menggunakan HTML5, 
XFBML, atau Iframe. Yang pasti, ketiga jenis tersebut dapat 
diterapkan pada web. Berikut pengaturannya. 


Cantumkan JavaScript SDK pada halaman Anda, idealnya tepat setelah tag pembuka «body». 


«div id-"fb-root"«/divb 
€script»(function(d, 3, id) ( 
var J3, fj3 — d.getElement3ByTagNare (3) (0): 
if (d.getElementById(id)) return: 
J3 —- d.createElement(3): j3.id — id: 
j3.3rc — "//connect.facebook.net/id ID/all.js#xfbml-1": 
fj3.parentNode.insertBefore (j3, fj3): 
(document, "script", 'facebook-js3dk")) :«/3cript» 


Gambar 4.43 Kode pada kolom satu 


Pada kode kolom 1 tersebut (Gambar 4.43.), dapat Anda 
letakkan (copy dan paste) pada tag setelah body. Contoh: 


«body» 
«!-- Kode FanPage --» 


«/body2 


Tempatkan kode untuk plugin Anda di mana pun Anda inginkan plugin itu muncul di halaman Anda. 


«div clas3-"fb-like” data-href-"http://www.agussaputra.com" data-send-"true" 
data-width-"450" data-3how-facea-"truem X/div» 


Gambar 4.44 Kode pada kolom dua 


Sedangkan pada kolom dua (Gambar 4.44) dapat Anda copy 
dan terapkan pada lokasi kode tempat Anda ingin menampilkan 
fanpage tersebut. Contoh: 


«body» 

«!-- Kode Fanpage --» 

«!-- Kode Tempat Anda ingin Menampilkan Fanpage --» 
«/body? 


Untuk hasilnya dapat Anda lihat secara langsung pada website 


penulis di http://www.agussaputra.com. Oh iya... perlu dike- 


tahui, penulis menggunakan jenis html5. Jadi, mungkin jika 


Anda menggunakan web browser versi lama, pasti tidak akan 
menampilkan apa-apa karena web browser tersebut tidak 
mendukung html5. Agar semuanya lancar.. bisa Anda gunakan 
web browser versi terbaru. Untuk informasi mengenai html5 
maupun css3 ataupun trik-trik aplikatif php serta bonus proyek 
profesional, saat ini penulis telah merampungkan kembali satu 
buku dengan tema tersebut. Hasil kompilasi terbaik dari para 
master php. Untuk info bukunya nanti bisa Anda lihat sendiri 


perkembangan di http://www.agussaputra.com. 
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